<template>
  <h2 class="lzugis-header">
    {{text}}
    <span class="lzugis-header-count">{{count}}</span>
  </h2>
</template>
<script>
export default {
  props: {
    text: {
      default: '',
      type: String
    },
    count: {
      default: 0,
      type: Number
    }
  }
}
</script>

<style scoped lang="scss">
.lzugis-header {
  margin-top: 1.5rem;
  border-top: none;
  font-size: 1.3rem;
  &-count {
    display: inline-block;
    font-size: 1rem;
    padding: 0 1rem;
    margin-left: 0.8rem;
    background-color: #ddd;
    border-radius: 0.4rem;
  }
}
</style>